<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap.min.css"/>
		<link href="css/indext.css" rel="stylesheet" />
		<title>Xiao Shuo</title>
		<title></title>
	</head>
	<body>
		<div class="container">
			<nav class="navbar navbar-expand-sm bg-white navbar-light">
			<ul class="navbar-nav ml-auto">
				<a class="navbar-brand text-danger" href="#">起点中文网 </a>
			<form class="form-inline my-2 my-lg-0 ml-auto">
				<input class="form-control mr-sm-0" type="search" placeholder="search" aria-label="search"/>
				<button class="btn btn-danger mr-3 " type="search">搜索</button>
				<a href="#" class="mr-2">登录/注册</a>
			</form>
			</ul>
		</nav>
		</div>
		<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
			<div class="container">
			<ul class="navbar-nav">
				<li class="nav-item">
				<a class="nav-link" href="#">主页</a>
				</li>
				<li class="nav-item active">
				<a class="nav-link" href="#">排行</a>
				</li>
				<li class="nav-item">
				<a class="nav-link" href="#">免费</a>
				</li>
				<li class="nav-item">
				<a class="nav-link" href="#">人气榜</a>
				</li>
				<li class="nav-item dropdown">
			        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
			          更多
			        </a>
			        <div class="dropdown-menu">
			          <a class="dropdown-item" href="#">Action</a>
			          <a class="dropdown-item" href="#">Another action</a>
			          <a class="dropdown-item" href="#">Something else here</a>
			        </div>
			      </li>
			</ul>
			</div>
		</nav>
		<div class="container">
			<div class="row mt-2">
				<div class="col-md-4 ">
					<h6>人气榜单</h6>
					<hr class="bg-dark" />
					<h5>热门作品排行</h5>
					<p>月票榜</p>
					<p>畅销榜</p>
					<p>阅读指数榜</p>
					<p>书友榜</p>
					<p>推荐榜</p>
					<p>收藏榜</p>
					<p>更新榜</p>
					<p>VIP收藏榜</p>
					<hr class="bg-dark" />
					<h6>新书排行榜</h6>
					<p>签约作者新书榜</p>
					<p>公众作者新书榜</p>
					<p>新人签约新书榜</p>
					<p>新人作者新书榜</p>
				</div>
				<div class="col-md-8">
					<h4>人气榜单<a href="#" class="text-secondary" style="font-size: 10px;">2024-6-16 更新</a></h4><br />
					<div class="row">
					<div class="col-md-4">
						<h6>月票榜</h6>
						<hr class="bg-dark" />
						<div class="row">
							<div class="w-50 colmd-2" id="zhuti">
								<a href="#" class="text-light bg-danger w-25">No.1</a>
								<a>我的26岁女房客</a>
								<a class="text-danger">9999月票</a>
							</div>
							<div><img src="img/dushi.png" width="60px" style=" margin:0 ;"/></div>
						</div>
								<!--2-->
								<hr class="bg-white" />
								<a href="#" class="text-light bg-success w-25">2</a>
								<a class="text-black-50" href="#" style="margin: 10px;">剑来</a>
								<a class="text-black-50 float-right">8888月票</a>
								<!--3-->
								<hr class="bg-white" />
								<a href="#" class="text-light bg-warning w-25">3</a>
								<a class="text-black-50" href="#" style="margin: 10px;">天才俱乐部</a>
								<a class="text-black-50 float-right">7777月票</a>
								<hr class="bg-white" />
								<!--4-->
								<a href="#" class="text-black-50 bg-white w-25">4</a>
								<a class="text-black-50" href="#" style="margin: 10px;">诡秘之主</a>
								<a class="text-black-50 float-right">6666月票</a>
								<hr class="bg-white" />
								<!--5-->
								<a href="#" class="text-black-50 bg-white w-25">5</a>
								<a class="text-black-50" href="#" style="margin: 10px;">十宗罪</a>
								<a class="text-black-50 float-right">5555月票</a>
								<hr class="bg-white" />
								<!--6-->
								<a href="#" class="text-black-50 bg-white w-25">6</a>
								<a class="text-black-50" href="#" style="margin: 10px;">心理罪</a>
								<a class="text-black-50 float-right">4444月票</a>
								<hr class="bg-white" />
								<!--7-->
								<a href="#" class="text-black-50 bg-white w-25">7</a>
								<a class="text-black-50" href="#" style="margin: 10px;">全球高武</a>
								<a class="text-black-50 float-right">3333月票</a>
								<hr class="bg-white" />
								<!--8-->
								<a href="#" class="text-black-50 bg-white w-25">8</a>
								<a class="text-black-50" href="#" style="margin: 10px;">神秘复苏</a>
								<a class="text-black-50 float-right">2222月票</a>
							</div>
							<div class="col-md-4">
								<h6>畅销榜</h6>
								<hr class="bg-dark" />
						<div class="row">
							<div class="w-50" id="zhuti">
								<a href="#" class="text-light bg-danger w-25">No.1</a>
								<a>异兽迷城</a>
								<a class="text-danger">销量冠军</a>
							</div>
							<a><img src="img/yisgou.png" width="60px" style=" margin:0 ;"/></a>
						</div>
								<!--2-->
								<hr class="bg-white" />
								<a href="#" class="text-light bg-success w-25">2</a>
								<a class="text-black-50" href="#" style="margin: 10px;">剑来</a>
								<a class="text-black-50 float-right">-</a>
								<!--3-->
								<hr class="bg-white" />
								<a href="#" class="text-light bg-warning w-25">3</a>
								<a class="text-black-50" href="#" style="margin: 10px;">天才俱乐部</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--4-->
								<a href="#" class="text-black-50 bg-white w-25">4</a>
								<a class="text-black-50" href="#" style="margin: 10px;">诡秘之主</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--5-->
								<a href="#" class="text-black-50 bg-white w-25">5</a>
								<a class="text-black-50" href="#" style="margin: 10px;">十宗罪</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--6-->
								<a href="#" class="text-black-50 bg-white w-25">6</a>
								<a class="text-black-50" href="#" style="margin: 10px;">心理罪</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--7-->
								<a href="#" class="text-black-50 bg-white w-25">7</a>
								<a class="text-black-50" href="#" style="margin: 10px;">全球高武</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--8-->
								<a href="#" class="text-black-50 bg-white w-25">8</a>
								<a class="text-black-50" href="#" style="margin: 10px;">神秘复苏</a>
								<a class="text-black-50 float-right">-</a>
							</div>
							<div class="col-md-4">
								<h6>畅销榜</h6>
								<hr class="bg-dark" />
						<div class="row">
							<div class="w-50" id="zhuti">
								<a href="#" class="text-light bg-danger w-25">No.1</a>
								<a>解忧杂货铺</a>
								<a class="text-danger">阅读指数榜</a>
							</div>
							<a><img src="img/jieyou.png" width="60px" style=" margin:0 ;"/></a>
						</div>
								<!--2-->
								<hr class="bg-white" />
								<a href="#" class="text-light bg-success w-25">2</a>
								<a class="text-black-50" href="#" style="margin: 10px;">剑来</a>
								<a class="text-black-50 float-right">-</a>
								<!--3-->
								<hr class="bg-white" />
								<a href="#" class="text-light bg-warning w-25">3</a>
								<a class="text-black-50" href="#" style="margin: 10px;">天才俱乐部</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--4-->
								<a href="#" class="text-black-50 bg-white w-25">4</a>
								<a class="text-black-50" href="#" style="margin: 10px;">诡秘之主</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--5-->
								<a href="#" class="text-black-50 bg-white w-25">5</a>
								<a class="text-black-50" href="#" style="margin: 10px;">十宗罪</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--6-->
								<a href="#" class="text-black-50 bg-white w-25">6</a>
								<a class="text-black-50" href="#" style="margin: 10px;">心理罪</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--7-->
								<a href="#" class="text-black-50 bg-white w-25">7</a>
								<a class="text-black-50" href="#" style="margin: 10px;">全球高武</a>
								<a class="text-black-50 float-right">-</a>
								<hr class="bg-white" />
								<!--8-->
								<a href="#" class="text-black-50 bg-white w-25">8</a>
								<a class="text-black-50" href="#" style="margin: 10px;">神秘复苏</a>
								<a class="text-black-50 float-right">-</a>
							</div>
							
						</div>
						
						</div>
				
			</div>
		</div>
		<footer class="text-center bg-dark text-light w-100">
				<p class="mb-0">阅文集团旗下网站： 起点中文网 起点女生网 QQ阅读 阅文悦读 书单 庆余年专题站  
							关于起点 联系我们 加入我们 帮助与客服 举报中心 漏洞提交</p>
				<p> <span class="text-danger ">起点小说网</span>版权所有</p>
				<img src="img/111.png" />
		</footer>
	</body>
</html>
